import { RouterProvider } from 'react-router-dom';
import router from '@/router';
import { ConfigProvider } from 'antd'; // , theme
import AntdGlobal from '@/utils/AntdGlobal'
import { App as AntdApp } from 'antd';

// App 组件通过 Context 提供上下文方法调用，因而 useApp 需要作为子组件才能使用，我们推荐在应用中顶层包裹 App。

function App() {
  return  (
    <ConfigProvider 
      theme={{
        token: {
          // Seed Token，影响范围大
          colorPrimary: '#ed6c00',
          borderRadius: 2,

          // 派生变量，影响范围小
          colorBgContainer: '#f6ffed',
        },
        // 单独使用暗色算法
        // algorithm: theme.darkAlgorithm,

        // 2. 组合使用暗色算法与紧凑算法
        // algorithm: [theme.darkAlgorithm, theme.compactAlgorithm],
      }}
    >
      <AntdApp>
        <AntdGlobal/>
        <RouterProvider router={router} />
      </AntdApp>
      
    </ConfigProvider>
  )
}

export default App;
